技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2023 iThome 鐵人賽
DAY
1
0
自我挑戰組
從零開始學Web Framework : React篇
系列 第
1
篇
Day_1:前置作業
15th鐵人賽
Sharon_Mao
2023-09-16 16:56:30
172 瀏覽
分享至
去
React
的官方網站,並點擊教程。
接著選擇安裝底下的啟動一個新的React項目,可以自行選擇哪種React框架,而我是選擇Next.js。(注意:要先去安裝
Node.js
)
安裝Node.js並打開輸入”npx create-next-app”,就會建立檔案my-web。(這檔案先放著,學會基本之後才會用到)
接著去
github
建立帳號和頁面,因為後面會需要把做好的網頁丟上去。
去
Next.js
的官方網站學習最基本的建設和架構。
(上圖比較特別的是它不需要一直下指令建置,只要將內部的檔案更改後存檔,網頁就會立即更新。)
這個過程需要耐心,但把這些基本的搞清楚後再回去看React官網的教程會比較熟悉。
留言
追蹤
檢舉
下一篇
Day2: 透過github創建Next App
系列文
從零開始學Web Framework : React篇
共
30
篇
目錄
RSS系列文
訂閱系列文
0
人訂閱
26
Day_26: 圖片移動由鍵盤操控
27
Day_27: 在特定範圍內追蹤滑鼠
28
Day_28:待辦事項列表
29
Day_29: 圖片跟著鼠標
30
Day_30: 滑鼠滑過翻轉動畫效果
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
333
組
團體組數
9
組
累計文章數
1057
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
程式設計
vue.js
熱門問題
我寫一個類,但我發現這樣子就是實例化了三次,我這樣是不是很消耗內存,這種方法是不太好的,因為getname方法重覆再使用,也被複製了三次,有更節省內存的寫法嗎?(抱歉我高三實在看不懂那些高級的寫法)
蘋果手機哪一款好
桌機POWER 問題請教
AD網域被駭客入侵的實際例子?
沒有 ESXi 免費版了,請問還有什麼替代方案能企業使用
NAS系統/伺服器/雲端
怎麼運動中心抓取場館容流計數API
資料庫table莫名被刪除,可能的原因?
請問有方式將 FB、Youtube詐騙、黃色廣告、低俗給屏蔽嗎?
Python 巢狀字典生成式問題
熱門回答
桌機POWER 問題請教
請問有方式將 FB、Youtube詐騙、黃色廣告、低俗給屏蔽嗎?
NAS系統/伺服器/雲端
請問如何科學驗證用戶反饋網路速度慢、卡、打不開問題
Python 巢狀字典生成式問題
熱門文章
2024 Day05 為什麼會有這些測試階段
2-2 撰寫 System Instructions 的指南
Day9 - 做一個雲端字幕產生器
Day12 - 讓AI讀取企業資訊 - Function Calling (中)
2024 Day09 黑箱測試方法
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}